<template>
  <div>
    <el-form ref="form">
      <div class="content_certify">
        <h3>认证说明</h3>
        <ul>
          <li v-for="(item,index) in items" :key="item">{{index+1}}、{{item}}</li>
        </ul>
         <el-form-item>
          <router-link to='/organize/protocol'>
            <el-button class="confirm-btn" type="primary">
              开始认证
            </el-button> 
            </router-link>         
         </el-form-item>
      </div>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    activeChange: {
      type: Function
    }
  },
  data () {
    return {
      items: [
        '针对发布违法、违规信息的认证账号，平台视情节严重情况，做相应的警告、取消认证、封号等处理。',
        '认证分为个人、组织两大类，具体分类信息请在认证界面查阅。用户根据自身使用情况选择相应的认证类型。',
        '您填写真实资料，成功提交认证申请之后，平台工作人员会在3个工作日内完成审核，审核结果会以消息的形式反馈给您，请耐心等等。',
        '若您的身份有所改变，可以再一次申请认证；'
      ]
    }
  },
  created () {
    this.activeChange(1)
  }
}
</script>

<style lang="scss" scoped>
.content_certify{
  min-height:680px
}
h3{
  text-align: center;
  font-size:24px;
  color:#333;
  padding-top:50px;
  padding-bottom: 100px;
  text-align: center;
  font-weight:600
}
ul{
  padding-bottom: 170px;
  margin-left:120px
}
li{
  color:#666;
  font-size:16px;
  line-height:60px
}
.el-form-item{
  text-align: center;
  padding-bottom: 80px;
}
.confirm-btn{
  width:210px;
  height:60px;
  font-size:20px;
}
</style>
